$(function () {
    // 对登录表单进行验证
    // 1.数据不能为空
    // 2.用户名长度2-6位
    // 3.密码长度6-12位
    $('#form').bootstrapValidator({

        // 1.指定不校验的类型，默认为[':disabled',':hidden',':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        // 2.指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        // 3.对表单验证配置
        // 配置被验证字段，表单验证插件是通过name属性进行验证的
        fields: {
            //用户名
            username: {
                //验证规则
                validators: {
                    //非空验证
                    notEmpty: {
                        //提示信息
                        message: '用户名不能为空'
                    },
                    //长度验证
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度是2-6位'
                    }
                }
            },
            //密码
            password: {
                //验证规则
                validators: {
                    //非空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度限制
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码长度是6-12位'
                    }
                }
            }
        }
    })
})

// 重置表单值 及 验证样式
$('.btn-reset').on('click', function () {
    // 获取表单验证实例，调用表单验证样式重置方法
    $('#form').data('bootstrapValidator').resetForm();
});

// 3.在表单数据验证通过的情况下，获取表单数据，通过ajax提交给后台，进行登录验证
// 登录成功去首页，登录失败，提示错误信息
// $('#submit').on('click',function () {
// 判断是否验证成功
// })
// bootstrapvalidator插件提供了一个success.form.bv,这个时间会在点击提交按钮，并在验证成功的情况下触发；
$('#form').on('success.form.bv', function (e) {
    // 阻止浏览器的默认行为，阻止提交按钮默认提交表单
    e.preventDefault();
    // console.log('验证成功');
    // 把数据通过ajax发生给后台
    $.ajax({
        url: '/employee/employeeLogin',
        type: 'post',
        data: $('#form').serialize(), // name=zs&age=18
        dataType: 'json',
        success: function (info) {
            console.log(info);
            if (info.success) {
                console.log('登录成功');
                // 跳转到首页
                location.href = './index.html';
            } else if (info.error === 1000) {
                console.log('用户名错误！');
                // 把用户名验证状态改成验证失败，提示错误信息
                $('#form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
            } else {
                console.log('密码错误');
                // 把密码的验证的状态改成验证失败的,提示错误信息;
                $('#form').data('bootstrapValidator').updateStatus('password','INVALID','callback')
            }
        }
    })
})
